import Vue from 'vue'
import Vuex from 'vuex'
import App from './App.vue'
import VueRouter from 'vue-router'
import moment from 'moment'

Vue.use(VueRouter)
// 注册 vuex
Vue.use(Vuex)





// 2.1导入axios 
import axios from 'axios'
//2.2安装axios
// Vue.use(axios)   axios不能通过Vue.use(axios)的方式引入
Vue.prototype.$ajax = axios

// axios.defaults.baseURL = '/api'
// axios.defaults.headers.post['Content-Type'] = 'application/json';

// 全局的 axios 默认值
axios.defaults.baseURL = 'http://192.168.0.107:3000';
// axios.defaults.baseURL = 'http://39.97.119.39:3031';
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';


//定义全局的过器
Vue.filter('dateFormat', function (dataStr, pattern = "YYYY-MM-DD HH:mm:ss") {
  return moment(dataStr).format(pattern)
})

// vue2-preview缩略图插件
import VuePreview from 'vue-preview'
Vue.use(VuePreview)



// 按需导入mint-ui组件
// import { Header, Button,Swipe, SwipeItem,Lazyload } from 'mint-ui';
// Vue.component(Header.name, Header);
// Vue.component(Button.name, Button);
// Vue.component(Swipe.name, Swipe);
// Vue.component(SwipeItem.name, SwipeItem);
// Vue.use(Lazyload);

// 完整引入
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(MintUI)


//导入MUI的样式
import './lib/mui/css/mui.min.css'
import './lib/mui/css/icons-extra.css'

// 导入layui样式
// import 'layui-src/dist/css/layui.css'

// 1.3导入自己的router.js路由模块
import router from './router.js'

import store from './store'

var vm = new Vue({
  el: '#app',
  render: h => h(App),
  router,// 1.4挂载路由对象到vM实例上
  store  //挂载store状态管理对象
})
